<template>
  <button class="bre-btn" :class="[type, `size--${size}`]" @click="handleEnter">
    <slot></slot>
  </button>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
const props = withDefaults(
  defineProps<{
    size?: 'medium' | 'small'
    type?: 'primary' | 'grey'
  }>(),
  { size: 'medium', type: 'primary' }
)
const emit = defineEmits<{
  (e: 'click'): void
}>()
const handleEnter = () => {
  emit('click')
}
</script>
<style lang="scss" scoped></style>
